"use client";
import React from "react";
import { ThemeProvider } from "next-themes";
import { RiArrowLeftLine } from "react-icons/ri";
import Link from "next/link";

export default function NotFound() {
  return (
    <ThemeProvider>
      <section className={"min-h-[80vh] flex flex-col items-center justify-center gap-y-4"}>
        <div className={"text-3xl font-bold"}>页面不存存在</div>
        <div>404 Page Notfound</div>
        <Link href={"/"}>
          <div className={"flex items-center gap-x-2"}>
            <RiArrowLeftLine />
            <span>前往首页</span>
          </div>
        </Link>
      </section>
    </ThemeProvider>
  );
}
